/**
 * @class tuan.view.donhang.AddNewDonHangWindow
 * @extends extendsClass
 * Description
 */
        var telNumberVType = {
            telNumber: function(val, field){
                var telNumberRegex = /^\d{3,4}\-\d{3,4}\-\d{3,5}$/;
                return telNumberRegex.test(val);
            },
            telNumberText: 'Số điện thoại phải chứa toàn ký tự số và ký tự "-"',
            telNumberMask: /[\d\-]/
        };
        Ext.apply(Ext.form.field.VTypes, telNumberVType);
        Ext.apply(Ext.form.field.VTypes, {
            daterange: function(val, field) {
                var date = field.parseDate(val);
                if (!date) {
                    return false;
                }
                if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
                    var start = field.up('form').down('#' + field.startDateField);
                    start.setMaxValue(date);
                    start.validate();
                    this.dateRangeMax = date;
                }
                else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
                    var end = field.up('form').down('#' + field.endDateField);
                    end.setMinValue(date);
                    end.validate();
                    this.dateRangeMin = date;
                }
                /*
                    * Always return true since we're only using this vtype to set the
                    * min/max allowed values (these are tested for after the vtype test)
                    */
                return true;
            },
            daterangeText: 'Start date must be less than end date',
        });
Ext.define('tuan.view.donhang.AddNewDonHangWindow', {
    extend: 'Ext.window.Window',
    xtype : 'add-new-don-hang-xytpe',
    id : 'add_new_order',
    title : 'Thêm Đơn Hàng',
    width : '80%',
    items : [
    	{
    		xtype:'form',
    		itemId : 'form_add_new_order',
    		items : [
    			{
    			layout : 'hbox',
    			margin : 20,
    			items : [	
    					{
	    					flex : 1,
		    				xtype : 'fieldset',
		    				title : 'Thông tin đơn hàng',
		    				defaults : {xtype : "textfield"},
		    				margin : 20,
		    				items : [

		    					{
		    						xtype : 'combobox',
		    						name : 'account_id',
		    						fieldLabel : 'Chọn khách hàng',
		    						allowBlank : false,
		    						msgTarget : "side", 
									displayField : "fullname",
									valueField : 'id',
									// typeAhead: true,//autocomplete
									// itemId : 'combobox_KhachHang',
									// id  : 'combobox_KhachHang',
									itemId  : 'combobox_KhachHang',
									editable : false,
		    					},
		    					{
		    						name : 'customer_name',
		    						fieldLabel : 'Tên Khách Hàng',
		    						allowBlank : false,
		    						msgTarget : "side", 
		    					},
		    					{
		    						name : 'customer_phone',
		    						fieldLabel : 'Số phone',
		    						allowBlank : false,
		    						msgTarget : "side", 
		    						vtype : 'telNumber'
		    					},
		    					{
		    						xtype : 'textarea',
		    						name : 'address',
		    						fieldLabel : 'Địa chỉ',
		    						width     : 400,
		    						allowBlank : false,
		    						msgTarget : "side", 
		    					},
		    					{
		    						name : 'ten_nguoi_nhan',
		    						fieldLabel : 'Tên người nhận',
		    						allowBlank : false,
		    						msgTarget : "side", 
		    					},
		    					{
		    						name : 'so_phone_nguoi_nhan',
		    						fieldLabel : 'Số phone người nhận',
		    						allowBlank : false,
		    						msgTarget : "side", 
		    						vtype : 'telNumber'
		    					},

		    					{
		    						xtype : 'textarea',
		    						name : 'billing_address',
		    						width     : 400,
		    						fieldLabel : 'Địa chỉ giao hàng',
		    						allowBlank : false,
		    						msgTarget : "side", 
		    					},
		    					{
		    						xtype : 'combobox',
		    						name : 'tinhid',
		    						fieldLabel : 'Tỉnh - Thành',
		    						allowBlank : false,
		    						msgTarget : "side", 
		    						displayField : "tinh_name",
									valueField : 'id',
									id: 'combobox_TinhThanh',
									editable : false,
		    					},
		    					{
		    						xtype : 'textarea',
		    						name : 'note',
		    						fieldLabel : 'Ghi chú đơn hàng',
		    						width     : 400,
		    				
		    					},
		    					{
		    						xtype : 'datefield',
		    						name :'ngay_giao_hang',
		    						format : "d/m/Y",
		    						fieldLabel : 'Ngày giao hàng',
		    						allowBlank : false,
		    						msgTarget : "side", 
		    						vtype: 'daterange',
		    						minValue: new Date(),
		    						id: 'startdt',
    								endDateField: 'enddt', // id of the start date field
    								editable : false,
		    					},
		    					{
		    						xtype : 'datefield',
		    						name :'deadline',
		    						format : "d/m/Y",
		    						fieldLabel : 'Ngày hết hạn giao hàng',
		    						allowBlank : false,
		    						msgTarget : "side", 
		    						vtype: 'daterange',
		    						minValue: new Date(),
		    						id: 'enddt',
    								startDateField: 'startdt', // id of the end date field
    								editable : false,
		    					}
		    				]
    					},
    					{
							layout : 'vbox',
							flex : 1,
							margin : 20,
							items : [
								{
								   	title : 'Chọn sản phẩm',
		    						id : 'choose_product_oredr',
		    						width : '100%',
		    						margin : 4
		    						// xtype : 'products_widget_list_view'	
								},
								{
									title : 'Sản phẩm được chọn',
									margin : '10 0 0 0',
									id : 'choose_product_oreder_zone_result',
									width : '100%',
									margin : 4,
									xtype : 'choose_product_detail_gird'
								}
							]
    					},
    				
    			]
    		}

    		]
    	}
    ],
	buttons: [
        {
            text: "Cancel",
            handler : function(){
                this.up('window').close();
            }
        },
        {
            text: "Next",
            id : "process_order"
        },
    ]
});